body {
	padding-bottom: 40px;
	margin-left:300px;
	-webkit-transition: margin 500ms ease;
	-moz-transition: margin 500ms ease;
	-ms-transition: margin 500ms ease;
	-o-transition: margin 500ms ease;
	transition: margin 500ms ease;
}
.navbar-layoutit .btn-donate {padding: 0 0 0 10px;}
.navbar-layoutit .btn-donate form { margin:0;}
.navbar-layoutit .navbar-brand{height:26px;}

@media (max-width: 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (max-width: 979px) {
	.navbar-fixed-top { position:fixed; }
}
.navbar-layoutit #menu-layoutit { float:left;}
.navbar-layoutit { min-height: 32px; padding: 5px; }
.navbar-layoutit .navbar-brand {width:180px; color:#fff; padding: 0; margin:0 5px; }
.navbar-layoutit .navbar-brand img {float:left; margin:2px 10px 0 0; }
.navbar-layoutit .navbar-brand .label {
	position:relative;
	left:10px;
	top:-3px;
	font-weight:normal;
	font-size:9px;
	background:#666;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);
}
.edit .demo { margin-left:0px; /*margin-top:10px; padding:30px 15px 15px;border-radius: 4px;*/ border: 1px solid #DDDDDD;  position:relative; word-wrap: break-word;}
/*.edit .demo:after {*/
	/*background-color: #F5F5F5;*/
	/*border: 1px solid #DDDDDD;*/
	/*border-radius: 4px 0 4px 0;*/
	/*color: #9DA0A4;*/
	/*content: "Container";*/
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	/*left: -1px;*/
	/*padding: 3px 7px;*/
	/*position: absolute;*/
	/*top: -1px;*/
/*}*/
/*.container { width:auto; margin:0 0px;}*/
.sidebar-nav {
	position:fixed;
	width:240px;
	left:50px;
	bottom:0;
	top:80px;
	background:#0f4f90;
	padding: 10px; z-index:10;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.sidebar-nav .nav-header { cursor:pointer; font-size:14px; color:#fff; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3); text-transform:uppercase; font-weight:bold;}
.sidebar-nav .nav-header span.label { font-size:10px; /*padding-bottom:0;*/ position:relative; top:-1px; }
.sidebar-nav .nav-header i.glyphicon-question-sign { color:#000; text-shadow:0 1px 0 #ddd;}
.sidebar-nav .nav-header .popover {color:#999; text-shadow:none;}

.popover-info {position:relative;}
.popover-info .popover {display:none; top: -12.5px; left:15px; }
.popover-info:hover .popover {display:block; opacity:1; width:400px;}
.popover-info:hover .popover .arrow {top:23px;}

.sidebar-nav .accordion-group { border:none; }
.boxes {}
.sidebar-nav li { line-height:28px; margin-bottom:3px; }
.sidebar-nav li .lyrow { margin-bottom:5px;}
.sidebar-nav .box { line-height:26px; width:220px; height:26px; }
.sidebar-nav .preview { display: block; color:#ccc; font-size:12px; line-height:26px;}
.sidebar-nav .preview input { width:150px; padding:0 10px; background:#0f4f90; font-size:10px; color:#ccc; line-height:20px; height:20px; position:relative; top:-1px; }
.sidebar-nav .view { display: none; }
.sidebar-nav .remove,
.sidebar-nav .configuration { display: none; }

/*.sidebar-nav .boxes { display:none;}*/

.demo .preview { display: none; }
.demo .box .view { display: block; /*padding-top:30px;*/}

.ui-draggable-dragging .view { display:block;}
/*.demo .ui-sortable-placeholder { outline: 5px dotted #ddd; visibility: visible!Important; border-radius: 4px; }*/
.ui-sortable-placeholder { outline: 1px dashed #ddd;visibility: visible!Important; border-radius: 4px;}
.edit .drag { position: absolute; top: 0;right: 0; cursor: pointer; }
.edit .drag i {color:#000; text-shadow:0 1px 0 #ddd;}

.box,.lyrow { position:relative;}
/*.demo .lyrow{border:1px dotted #ccc;}*/
.demo .box{border:3px solid transparent;margin-top:-3px;margin-left:-3px;width:100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
.demo .box:hover{border:3px solid #5bbc2e;}

.edit .demo .lyrow .drag { top:5px; right:80px; z-index:10; }
.edit .demo .lyrow>.drag{right:95px;}
.edit .demo .column .box .drag { top:5px; }
.edit .demo .column .box .configuration {position: absolute; top: 3px; right: 140px;white-space:nowrap; }
.edit .demo .column .box .configuration:hover { z-index:1001;}

.edit .demo .column .navbar-fixed-top {top: 33px; left: 180px;}
.demo .column .navbar-fixed-top {top: 33px;}
.edit .demo .column .navbar-fixed-bottom { left: 180px;}

.edit .demo .remove { position: absolute; top: 5px; right: 5px; z-index:10; }
.edit .demo .lyrow>.remove{right:20px;}
.demo .configuration {
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 10;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.demo .drag, .demo .remove {
	filter: alpha(opacity=20); opacity: 0.2;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.demo .lyrow:hover > .drag,
.demo .lyrow:hover > .configuration,
.demo .lyrow:hover > .remove,
.demo .box:hover .drag,
.demo .box:hover .configuration,
.demo .box:hover .remove { filter: alpha(opacity=100); opacity: 1; }
/*.edit .demo .row:before {*/
	/*background-color: #F5F5F5;*/
	/*border: 1px solid #DDDDDD;*/
	/*border-radius: 4px 0 4px 0;*/
	/*color: #9DA0A4;*/
	/*content: "Row";*/
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	/*left: -1px;*/
	/*line-height:2;*/
	/*padding: 3px 7px;*/
	/*position: absolute;*/
	/*top: -1px;*/
/*}*/
.demo .row {
	/*background-color: #F5F5F5;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*-webkit-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);*/
	/*-moz-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);*/
	/*box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);*/
	/*border: 1px solid #DDDDDD;*/
	/*border-radius: 4px 4px 4px 4px;*/
	/*margin:0px;*/
	margin: 15px 0;
	position: relative;
	/*padding: 25px  14px 0;*/
}
.edit .column:before {
	/*background-color: #F5F5F5;*/
	border: 1px solid #DDDDDD;
	/*border-radius: 4px 0 4px 0;*/
	color: #9DA0A4;
	content: "";
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	left: 14px;
	/*padding: 3px 7px;*/
	position: absolute;
	top: -1px;
	width:calc(100% - 28px);
	height:100%;
}
.column {
	background-color: #FFFFFF;
	/*border: 1px solid #DDDDDD;*/
	/*border-radius: 4px 4px 4px 4px;*/
	margin:0px;
	padding:0px 15px;
	/*margin: 15px 0;*/
	/*padding: 39px 19px 24px;*/
	position: relative;
	min-height:120px;
}

/* preview */
body.devpreview { margin-left:0px;}
.devpreview .sidebar-nav {
	left:-240px;
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;
	-ms-transition: all 0ms ease;
	-o-transition: all 0ms ease;
	transition: all 0ms ease;
}
.devpreview .left-panel {
	left:-50px;
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;
	-ms-transition: all 0ms ease;
	-o-transition: all 0ms ease;
	transition: all 0ms ease;
}
.devpreview .leftSet{
	left:-240px;
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;
	-ms-transition: all 0ms ease;
	-o-transition: all 0ms ease;
	transition: all 0ms ease;
}
.devpreview #handle{
	left:-5px;
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;
	-ms-transition: all 0ms ease;
	-o-transition: all 0ms ease;
	transition: all 0ms ease;
}
.devpreview .drag, .devpreview .configuration, .devpreview .remove { display:none !Important; }
.sourcepreview .column, .sourcepreview .row, .sourcepreview .demo .box {
	margin:0px 0;
	padding:0px;
	background:none;
	border:none;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
}
.devpreview .demo .box, .devpreview .demo .row { padding-top:0; background:none; }
.devpreview .demo .column { padding-top:19px; padding-bottom:19px; }
#download-layout { display: none }
#feedbackModal textarea,
#downloadModal textarea { width:100%;height:280px;resize: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
#feedbackModal input { width:515px; }
#feedbackModal input.modal-error-field, #feedbackModal textarea.modal-error-field { border: 1px solid red; }
a.language-selected { font-style: italic; font-weight: bold; }

/*左侧菜单*/
.left-panel{width:50px;height:100%;background: #003469;position:fixed;left: 0px;top:0px;}
.left-panel .left-hand{margin-top:140px;}
.left-panel .left-hand a{display: block;font-size: 20px;color:#E6F2FF;text-align: center;padding:10px 0px;}
.left-panel .left-hand .choosem{background: #0f4f90;}
.leftSet{position: fixed;z-index:100;left:50px;top:0px;width:240px;height:80px;background: #0f4f90;padding:20px 14px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;}
#handle{position: fixed;z-index: 99;left:285px;top:19px;padding:8px 3px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;}
.leftMainTitle{margin:10px;color:#fff;}
.leftMainList{padding:0px 10px;}
.leftMainItem{color:#d8d8d8;}
.leftMainItem i{cursor: pointer;}
.leftMainItem input{width:130px;color:#333;}
.leftMainItem .leftMainItemName{color:#d8d8d8;display: inline-block;width:130px;padding:5px 10px; cursor: pointer;}
.leftMainItem .leftMainItemName:hover{background: #003469;text-decoration: none;}
.leftMainItem .pageAct{background: #003469;}
.leftMainItem .edit{float: right;padding-top:4px;}
.leftMainItem .edit .leftMainItemNameEdit{margin-right:8px;}
.leftMainItem .edit a{color:#d8d8d8;}
.article-btn{text-align: center;margin-top:55px;margin-bottom:35px;}
.article-btn button{margin: 6px 0px;}

/*模板库样式*/
.templetList .templetItem{
	margin-bottom: 20px;
}
.templetList .templetItem .templetImg{
	position:relative;
	width: 100%;
	height:147px;
	margin-bottom: 8px;
	cursor: pointer;
}
.templetList .templetItem .templetImg .templetIntro{
	position: absolute;
	top:0px;
	left:0px;
	line-height:147px;
	background: rgba(0,0,0,0.5);
	width:100%;
	text-align: center;
	color: #ffffff;
	display: none;
}
.templetList .templetItem .templetImg:hover .templetIntro{
	display: block;
}
/*文章展示*/
.articleItem{margin-bottom:10px;border-bottom: 1px solid #ccc;padding-bottom:10px;}
.articleItem .articleImg{width: 175px;height: 100px;}
.articleItem .articleCont{margin-left:10px;}
.articleCont .articleItemTtile{margin-top:0px;}
/*编辑器样式*/
.simditor .simditor-body{height:300px;overflow: scroll;}
/*设置样式*/
#webSetting .modal-body{
	height:500px;
	overflow: auto;
	padding: 15px 35px;
}
.webSettingItem{margin-bottom: 25px;}
.webSettingItem .divider{
	margin: 8px 15px;
	height:2px;
	background:#ccc;
}
.webSettingTitle{
	font-size: 20px;
	color:#727272;
}
.webSettingTitle a, .webSettingItemTitle a{
	font-size: 14px;
	cursor: pointer;
}
.webSettingItemTitle span{
	color:red;
}
.shareImg{
	width:250px;
	height:125px;
	background:#eeeeee;
	text-align: center;
}
.shareImg img{
	max-width: 100%;
	max-height: 100%;
}
/*top设置*/
.topImg{
	height:150px;
	background: #eeeeee;
}
.topImg img{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}
.uploadBox{
	position: relative;
	margin-top:15px;
}
.uploadBox input[type="file"]{
	width: 54px;
	height: 34px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
}





